how to give height equal to parent height css

.parent { display: table; }
.parent > div {display: table-cell; width:50%; }
/*omit width:50% for auto-scaled column widths*/

.parent { display: -ms-flex; display: -webkit-flex; display: flex; }
.parent>div { flex:1; }